/*
author:chenlijian;
design:huangjunkai;
update:2015-10-16;
*/
.header {
    position: absolute;
    _position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    +zoom: 1;
    z-index: 10;
    height: 85px;
}

    .header .nav_list {
        position: absolute;
        top: 0;
        right: 0;
        text-align: center
    }

        .header .nav_list a:hover {
            text-decoration: none;
        }

    .header .nav_li {
        float: left;
        width: 206px;
        position: relative;
        +zoom: 1;
        height: 84px;
    }

    .header .btn_nav {
        display: block;
        width: 136px;
        height: 38px;
        background-image: url('../../images/gengduo.png');
        background-size:contain;
        text-align: center;
        line-height: 38px;
        position: absolute;
        top: 100px;
        left: 50%;
        margin: -19px 0 0 -68px;
        font-size: 16px;
        color: #fff;
        z-index: 6;
    }

        .header .btn_nav:hover {
            text-decoration: none;
         /*   border: 2px solid #aeaba6;*/
            background-image: url('../../images/hover_gengduo.png');
            background-size: contain;
            border-color: rgba(255,255,255,0.5);
            margin: -21px 0 0 -70px;
        }

        .header .btn_nav i {
            display: inline-block;
            +display: inline;
            +zoom: 1;
            position: relative;
            background-repeat: no-repeat;
            cursor: pointer;
        }

    .header .ic_product {
        background-position: 0 0;
        width: 29px;
        height: 19px;
        margin-right: 13px;
        top: 3px;
        +top: 0;
        _margin-top: 9px;
    }

    .header .ic_more {
        background-position: 0 -24px;
        width: 26px;
        height: 19px;
        margin-right: 11px;
        top: 3px;
        +top: 0;
        _margin-top: 9px;
    }

    .header .more_nav {
        position: absolute;
        top: 0;
        right: -1662px;
        width: 206px;
        height: 1880px;
        padding-top: 200px;
        background: rgba(0,0,0,0.5);
        transition: right .3s;
        -webkit-transition: right .3s;
    }

    .header .nav_li .show {
        right: 0;
    }

    .header .more_nav .opc_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=50);
        top: 0;
        _left: 1px;
    }

    .header .more_nav ul {
        position: relative;
        z-index: 5;
    }

    .header .more_nav li {
        padding-bottom: 45px;
        +zoom: 1;
        position: relative;
    }

    .header .more_nav a {
        color: #c5c8d0;
    }

        .header .more_nav a:hover {
            color: #edf2fe;
        }

    .header .btn_snav {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        position: relative;
        color: #edf3ff;
    }

    .header .more_nav .ic_bdot {
        position: absolute;
        background: url('../img/head_spr.png') no-repeat -36px 0;
        width: 12px;
        height: 12px;
        left: -9999px;
        font-size: 0;
        line-height: 0;
        transition: top .2s;
        -webkit-transition: top .2s;
    }


    .header .sub_nav dd {
        padding: 12px 0;
    }

    .header .sub_nav dt {
        margin-bottom: 12px;
        line-height: 24px;
    }

    .header .sub_nav dd a {
        font-size: 14px;
        text-align: center;
        position: relative;
        display: block;
        line-height: 20px;
    }

    .header .btn_snav {
        display: block;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        height: 24px;
        position: relative;
        color: #edf3ff;
    }

    .header .more_nav .ic_sdot {
        position: absolute;
        background: url('../img/head_spr.png') no-repeat -36px -16px;
        width: 10px;
        height: 10px;
        left: -9999px;
        font-size: 0;
        line-height: 0;
        transition: top .2s;
        -webkit-transition: top .2s;
    }

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}